require(['config'], function() {
	require(['zepto', 'returntop', 'ratio', 'hammer'], function($) {
		var HList = $('.container-h>ul>li');
		var FList = $('.container-f>ul>li');
		var xing = $('.xing');
		var orangered = $('.orangered');
		HList.each(function(i, v) {
			new Hammer(v).on('tap', function(e) {
				for(var j = 0; j < HList.length; j++) {
					if(i == j) {
						HList[j].className = "on";
						if(j == 0) {
							xing.each(function(n, q) {
								$(FList[n + 1]).css({
									'display': 'block'
								});
							})
						}
						if(j == 1) {
							xing.each(function(n, q) {
								if(!($(xing[n]).children('.orangered').length >= 4)) {
									$(FList[n + 1]).css({
										'display': 'none'
									});
								} else {
									$(FList[n + 1]).css({
										'display': 'block'
									});
								}
							})
						}
						if(j == 2) {
							xing.each(function(n, q) {
								if(!($(xing[n]).children('.orangered').length >= 2 && $(xing[n]).children('.orangered').length < 4)) {
									$(FList[n + 1]).css({
										'display': 'none'
									});
								} else {
									$(FList[n + 1]).css({
										'display': 'block'
									});
								}
							})
						}
						if(j == 3) {
							xing.each(function(n, q) {
								if(!($(xing[n]).children('.orangered').length >= 0 && $(xing[n]).children('.orangered').length < 2)) {
									$(FList[n + 1]).css({
										'display': 'none'
									});
								} else {
									$(FList[n + 1]).css({
										'display': 'block'
									});
								}
							})
						}
					} else {
						HList[j].className = " ";
					}
				}
			})
		})
	});
});